<template>
  <view class="container">
			<uni-grid class="uni-grid" :column="4" :highlight="true" @change="change">
				<uni-grid-item >
					<view class="grid-item-box" style="background-color: #8953ec;">
						<text class="text">文件公告</text>
					</view>
          <view class="grid-item-number">
            189
          </view>
				</uni-grid-item>
        <uni-grid-item >
					<view class="grid-item-box" style="background-color: #00c781;">
						<text class="text">资产统计</text>
					</view>
          <view class="grid-item-number">
           345
          </view>
				</uni-grid-item>
			</uni-grid>
      <pie></pie>
      <bar></bar>
  </view>
</template>
<script setup>
import pie from '../../components/pie.vue'
import bar from '../../components/bar.vue'
</script>
<style>
.uni-grid{
  display: flex;
  justify-content: space-evenly;
}
.text{
  font-size: 30rpx;
  text-align: center;
}
.grid-item-number{
  text-align: center;
  font-size: 40rpx;
}
</style>